/*
    Document   : MySweetHome
    Created on : Apr 21, 2011, 3:51:39 PM
    Author     : JAVA
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    font-family: Verdana,Arial,Helvetica,sans-serif;
}
#main {
    width: 760px;
    margin: 0 auto;
    border: solid 1px #eaeaea;
}
#searchLeftColumn {
    clear: left;
    width: auto;
}
#searchBox {
    width: auto;
    height: 180px;
    border: solid 1px #CCCCCC;
    background: #F1F1F1;
    padding:10px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: #666666;
    border-left-color: #666666;
    border-bottom-color: #666666;
    border-top-color: #666666;
}
.searchTitle {
    font-size: 14px;
    color: #ff6633;
    font-weight: bold;
}
.searchDescription {
    font-size: 11px;
    color: #666666;

}
input[type=text] {
    border: solid 1px #B5B8C8;

}
input[type=submit] {
    background-image: url(../img/re-background-sprite.gif);
}
#searchButton {
    border: solid 1px #666666;
    width: 160px;
    height: 35px;
    font-weight: bold;
    color: #ffffff;
    font-size: 16px;
    float: right;
    margin-bottom: 5px;
}
#searchCity {
    width: 60%;
    height: 30px;
    float: left;
    margin-bottom: 5px;
}
#searchCriteria {
    float:left;
    width: 70%;
    height: 30px;
    display: block;
}
.typeOfSearch {
    border: solid 1px #b5b8c8;
    height: 25px;
}
#SearchOptionButton {


}
.SearchOptionClass {
    font-size: 11px;
}
#searchChoose {
    float: right;
}
.searchCre {
    float: left;
    margin-left: 10px;
}
#searchResult {
    width: 100%;/*72%*/
    height: auto;
    padding:0;
    margin-top:4px;
    float:left;
}
/* css hien thi ket qua tim kiem*/
.searchResultItem {
    width:100%;
    height:115px;
    margin-bottom:5px;
    margin-top:5px;
    border:solid 1px #eaeaea;
}
.searchResultItem img {
    margin-top:5px;
    margin-left:5px;
    width:100px;
    height:100px;
    border:solid 1px #A2A2A2;
    float:left;
}
.searchReAddress {
    margin-left:115px;
    margin-top:5px;
    font-size: 12px;
    color: #ff6633;
    font-weight: bold;
}
.SearchResultdetail {
    margin-top:10px;
    margin-left:115px;
    height:auto;
    font-size: 10px;
    color: #666666;
}
.price {
    margin-top:10px;
    margin-left:115px;
    font-weight:bold;
    font-size:13px;
    color:#00F;
}
.viewDetail input {
    float:right;
    color:#FFF;
    margin-right:20px;
    font-size:14px;
}
.searchResultDetail img {
    margin-top:5px;
    margin-left:5px;
    width:100px;
    height:100px;
    border:solid 1px #A2A2A2;
    float:left;
}
.SearchViewDetail {
    border:solid 1px #EAEAEA;
    padding:10px;
}
.SearchViewDetail img {
    width:200px;
    height:200px;
}

.tblDetail {
    clear:left;
    padding:20px;

}
.tblDetail table {
    border:solid 1px #B2D2D2;
}
.tblDetailOdd {
    background-color:#FFFFFF;
}
.tblDetailEven {
    background:#EDF4FA;
}
.tblDetailHeader {
    border:solid 1px #BDBDBD;
    background:#D8D8D8;
}
.propertyDetail {
    color:#000;
    font-size:11px;
}
.imgBox {
    border:solid 1px #D3EDE8;
    width:300px;
    height:200px;
    float:left;
    margin-left:5px;
}

#nav {
    height: 34px;
    width: 100%;
    float: left;
    margin: 0 0 1em 0;
    padding: 0;
    list-style: none;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc; }
#nav li {
    float: left;
}
#nav li a {
    display: block;
    padding: 8px 10px;
    text-decoration: none;
    font-weight: bold;
    color: #069;
    border-right: 1px solid #ccc;
    font-size: 14px;
}
#nav li a:hover {
    color: #c00;
    background-color: #fff;
}
#banner {
    background-image: url(../img/banner.gif);
    background-repeat: no-repeat;
    height: 140px;
}
.copyrightText{

    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    float:  right;
    color: #A8A8A8;
}
#footer {
    clear: both;
    border-bottom-style: solid;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-bottom-color: #cccccc;
    border-top-color: #cccccc;
    padding: 3px 3px 3px 3px;
    height: 100px;
    background-color: #EBEBEB;
}
/*------------------------- Quang -------------------------------------------------*/

#login{
    background-color: #CCFFFF;
    float: left;
    margin: 20px 200px 200px 300px;
    width:480px;
    height: 230px;
    border-width: 2px;
    border-style: solid;
    border-color: #0099FF;

}
#leftLogin{
    float: left;
    margin-left: 20px;
    margin-bottom: 10px;
}
#rightLogin{
    float: right;
    margin-right: 20px;
    margin-bottom: 10px;
}
#topLogin{
    margin-left: 200px;
    font-family: Georgia, serif;
    font-weight: bold;
    font-size: 1em;

}
#registerProvider{
    background-color: #CCFFFF;
    float: left;
    margin: 20px 200px 200px 300px;
    width: auto;
    height: auto;
}
.validtextProvider{

    font-family: 'Times New Roman',Times,serif;
    font-size: 10px;
    font-style: italic;
    color: #ff0000;
}
.viewProviderItem{
    width:100%;
    height:150px;
    margin-bottom:5px;
    margin-top:5px;
    border:solid 1px #eaeaea;
}
.ViewProviderItem img{
    margin-top:5px;
    margin-left:5px;
    width:100px;
    height:100px;
    border:solid 1px #A2A2A2;
    float:left;
}
.viewProvider{
    width:100%;
    height:115px;
    margin-bottom:5px;
    margin-top:5px;
    border:solid 1px #eaeaea;
}
.vewProvider img{
    margin-top:5px;
    margin-left:5px;
    width:100px;
    height:100px;
    border:solid 1px #A2A2A2;
    float:left;
}
.viewProviderName{
    margin-left:115px;
    margin-top:5px;
    font-size: 14px;
    color: #ff6633;
    font-weight: bold;

}
.viewProviderAddress{
    color: #3333ff;
    font-size: 12px;

}
.addressProvder{
    font-size: 12px;
    color: #ff0000;
}
.address{
    margin-left: 115px;
    margin-top: 10px;
}
.mail{
    margin-left: 115px;
    margin-top: 10px;
}
.viewProviderMail{
    color: #3333ff;
    font-size: 12px;
}
.providerMail{
    font-size: 12px;
    color: #ff0000;
}
.phone{
    margin-left: 115px;
    margin-top: 10px
}
.providerPhone{
    font-size: 12px;
    color: #ff0000;
}
.viewProviderPhone{
    color: #3333ff;
    font-size: 12px;
}

/*----------------the end Quang----------------------------*/
